<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"> api分水岭
		<title>dfd </title>
		<script src="js/vue.js"></script>
	</head>
	<body>
		<h3>姓名(单值) 年龄（单值） 爱好（数组）
		女朋友（对象） 豪车（对象数组）</h3>
		<div id="app">
		{{msg}}、{{age}}
		<hr />
		{{hobby}} {{hobby[0]}}
		<hr />
	   {{hobby[hobby.length-1]}} 
		</div>
	</body>
	<script>
		new Vue({
			el:"#app",
			data:{
			   msg:"hello vue",                                                                   
			   name:"陈强",
			   age:18,
			   hobby:["乒乓","爬山","唱歌"],
			   girl:{
				   name:"李梅",
				   age:16
			   },
			   cars:[
				   {name:"劳斯莱斯",color:"white"},
				   {name:"奔驰",color:"red"},
				   {name:"宝马",color:""}
			   ]
			}
		});
	</script>
</html>

